<html>
  <head>
    <title>SIMILE Widgets | Timeline | Examples</title>
    <link rel='stylesheet' href='styles.css' type='text/css' />
    <style>
        html {
            height: 100%;
        }
    </style>
  </head>
  <body>
    <ul id="path">
      <li><a href="/">SIMILE Widgets</a></li>
      <li><a href="../">Timeline</a></li>
      <li><span>Examples</span></li>
    </ul>

    <div id="header">
      <h1>Timeline &gt; Examples</h1>
      <h2>Web Widget for Visualizing Temporal Data</h2>
    </div>
    
    <div id="content">
      <p><a href="monet/monet.html">The Life of Monet</a>:
          a simple timeline showing the life of Monet. 
      </p>
    
      <p><a href="jfk/jfk.html">JFK Assassination timeline</a>:
          a minute by minute development when John F. Kennedy got shot on
          November 22nd, 1963 in Dallas.
      </p>
    
      <p><a href="jfk_i18n/jfk.html">JFK Assassination timeline in Dutch</a>:
          a minute by minute development when John F. Kennedy got shot on
          November 22nd, 1963 in Dallas. Timeline labels are in Dutch, as a demonstration of localization.
      </p>
    
      <p><a href="religions/jewish-history.html">Jewish History</a>:
          2000 years in length.
      </p>
    
      <p><a href="religions/christianity.html">Christianity Timeline</a>:
          from Anno Domini to 2006, 570 events altogether.
      </p>
    
      <p><a href="religions/religions.html">Religion Timelines</a>:
          recommended to be viewed on a huge monitor, mashing
          the Jewish history with the Christianity timeline together
          to be seen side-by-side.
      </p>
    
      <p><a href="cubism/cubism.html">Cubism</a>:
          demonstrating the use of JSON, thanks to Juan Manuel Caicedo.
      </p>
    
      <p><a href="test_example/test.html">Test Examples</a>:
          demonstrates and tests various event attributes.
      </p>

      <p><a href="test_example2/test_example2.html">Test Examples 2</a>:
          demonstrates automatic Timeline sizing to the event collection.
      </p>

      <p><a href="compact-painter/compact-painter.html">Compact Painter</a>:
          demonstrates the new compact painter.
      </p>

      <p><a href="test_example3/test_example3.html">Test Examples 3</a>:
          demonstrates using Timeline for displaying a Gantt chart. Also shows use of multiple css classes per event and other styling techniques.
      </p>

          <!-- 
          Dinos are no longer working...
      <p><a href="dinosaurs/dinosaurs2.html">Dinosaurs</a>:
          recommended to be viewed on a huge monitor, showing Timeline
          working geological scale events. (Note that the
          Geochrono extension used here is still incomplete.)
      </p>
         -->
    </div>
    
    <div id="footer">
      Copyright &copy; <a href="http://web.mit.edu/">Massachusetts Institute of Technology</a> and Contributors 2006-2009 ~ Some rights reserved
    </div>
  </body>
</html>